﻿@{
    ViewBag.Title = "Mobile";
    ViewBag.Page = "user";
    ViewData["regmodel"] = "mobile";
    Layout = "~/Views/Shared/_RegisterSLayout.cshtml";
}
@section HeadCss
{
    <link href="../../images/images/style.css" rel="stylesheet" type="text/css" />
    <link href="../../images/images/user.css" rel="stylesheet" type="text/css" />
}
@section HeadJavaScript{
     <script src="~/Scripts/angular/base/angular.min.js" type="text/javascript"></script>
    <!--[if (IE 6)|(IE 7)]><script src="~/Scripts/angular/base/json2.js" type="text/javascript"></script><![endif]-->
    <script src="~/Scripts/angular/js/register.js" type="text/javascript"></script>
    <script type="text/javascript" src="~/Scripts/angular/base/angular.autoload.js"></script>
}
<form name="form" on-submit="submit()" onsubmit="return false;" ng-controller="Ctrl" ng-init="load({
	name:{ msg:'请正确输入您的手机号码，手机号码务必属于您本人',required:'请填写账号（请输入11位的手机号码）', pattern: '您填写的手机号码格式有误', contains: '很遗憾，该账号已经被注册！',failed:'检测账号失败，请联系我们',success:true}
	,password: { msg:'由6-14位数字或字母或特殊字符组成，密码不可与用户名相同， 建议设置8位以上字母数字组合密码！',required:'请填写密码（6~14位字母,数字或下划线组成，不区分大小写）',minlength: '密码长度为6-14个字符', maxlength: '密码为超长，目前仅支持6-14位密码', pattern: '格式错误！！只能由数字,字母或下划线构成', failed: '请勿使用与用户名相同的密码',success:true}
	,confirm: {  required:'请填写确认密码',error:  '与输入密码不一致',success:true}
	,username: {  msg: '请填写您的真实姓名，由2-15个汉字组成',error:  '请填写您的真实姓名 ，由2-15个汉字组成',  pattern: '对不起，姓名只能由中文组成',success:true}
	,card: { msg: '身份证是用来断定您通行证归属的唯一凭证' ,error:  '对不起，您输入的身份证号码有误',success:true}
	,email: {  msg: '修改登陆密码的依据，请务必仔细填写并记牢',error:  '请正确填写您的邮箱',success:true}
	,verifyvalue: {  msg:'请您输入短信验证码！',error:  '请正确填写验证码',success:true}
	,submit:{verifycode:'验证码错误',user:'防沉迷信息错误',email:'安全邮箱错误',identity:'系统繁忙，请稍候再试',account:'账号信息错误',error:'系统异常，请联系我们'}
	});
		name.url='/account/contains/r/Mobile';
		submit.url='/account/newaum/r/Mobile';
		password.words=['[0-9]+','[a-zA-Z]+','[@Html.Raw('@')_!#$%^&*]+'];
		passwrod.levels =['level1','level2','level3','level4'];"
	>
 <div class="form1">
    <h1 class="orange">手机号码</h1>
    <p >用手机号注册，享受更高安全级别的服务</p>
    <table class="tab1" width="720">
        <tr>
            <td width="115"><span class="txtr">手机账号</span> ：<strong class="orange">*&nbsp;</strong></td>
            <td width="270">
            <input type="text" class="text270" name="name" ng-init="name.input()" on-focus="name.input()" on-blur="name.validate();" ng-model="name.value" ng-pattern="/^1(([38][0-9]{9})|(([4][57])|([5][^4,\D]))[0-9]{8})$/" required/>
								
            </td>
            <td>
            <span class="error" ng-show="name.error" style="display:none;"><img src="~/images/images/error.jpg" /> {{name.error}}</span>
			<span ng-show="!name.error&&!name.success&&name.msg" ng-bind-template="{{name.msg}}"></span>
			<span class="green" ng-show="name.success" style="display:none;"><img src="~/images/images/right.jpg" /></span>
            </td>
        </tr>
        <tr>
            <td><span class="txtr"></td>
            <td colspan="2">
                <div style="display:none;" ng-hide="verifycode.status">
				    <a ng-click="verifycode.newsms()"><img src="~/images/images/sjyzm.jpg"/></a><span class="ml10">每5分钟可以重新获取一次验证码</span>
				</div>
				<div style="display:none;" ng-show="verifycode.status">
				    <a class="waiting"><img src="/images/old/time2_30.gif"/></a><span class="wait_ri" ng-show="verifycode.success" style="display:none;">验证码已经发送，1分钟后可重新获取一次验证码</span><span class="red ml10" ng-hide="verifycode.success" style="display:none;">对不起，您获取短信验证码失败，请稍后再获取</span>
				</div>
            </td>
        </tr>
        <tr>
            <td width="115"><span class="txtr">手机验证码</span> ：<strong class="orange">*&nbsp;</strong></td>
            <td width="270">
            <input type="text" class="text270" name="verifyvalue" ng-init="verifyvalue.input()" on-focus="verifyvalue.input()" on-blur="verifyvalue.validate();" ng-model="verifyvalue.value" ng-pattern="verifyvalue.pattern" required/>
								
            </td>
            <td>
            <span class="error" ng-show="verifyvalue.error" style="display:none;"><img src="~/images/images/error.jpg" /> {{verifyvalue.error}}</span>
			<span ng-show="!verifyvalue.error&&!verifyvalue.success&&verifyvalue.msg" ng-bind-template="{{verifyvalue.msg}}"></span>
			<span class="green" ng-show="verifyvalue.success" style="display:none;"><img src="~/images/images/right.jpg" /></span> 
            </td>
        </tr>
        <tr>
            <td><span class="txtr">设置密码</span> ：<strong class="orange">*&nbsp;</strong></td>
            <td>
            <input type="password" class="text270" name="password" ng-init="password.input()" on-blur="password.validate();password.change();" on-focus="password.input()" ng-model="password.value" ng-change="password.validate();password.change();" ng-pattern="password.pattern" ng-minlength="6" ng-maxlength="14" required/>
						
            </td>
            <td rowspan="2">
            <span class="error" ng-show="password.error" style="display:none;"><img src="~/images/images/error.jpg" /> {{password.error}}</span>
			<span class="labelmore " ng-show="!password.error&&!password.success&&password.msg" ng-bind-template="{{password.msg}}"></span>
			<span class="green" ng-show="password.success" style="display:none;"><img src="~/images/images/right.jpg" /></span>
            </td>
        </tr>
        <tr>
            <td><span class="txtr">密码强度</span> ：<strong class="orange">*&nbsp;</strong></td>
            <td><span ng-class="['level','ml06',passwrod.levels[password.level||0]]">&nbsp;&nbsp;</span></td>
        </tr>
        <tr>
            <td><span class="txtr">确认密码</span> ：<strong class="orange">*&nbsp;</strong></td>
            <td>
            <input name="confirm" type="password" class="text1" ng-init="confirm.input()" on-focus="confirm.input()" on-blur="confirm.validate();"  ng-model="confirm.value" required/>
								
            </td>
            <td rowspan="2">
            <span class="red" ng-show="confirm.error" style="display:none;"><img src="~/images/images/error.jpg" /> {{confirm.error}}</span>
			<span ng-show="!confirm.error&&!confirm.success&&confirm.msg" ng-bind-template="{{confirm.msg}}"></span>
			<span class="green" ng-show="confirm.success" style="display:none;"><img src="~/images/images/right.jpg" /> </span>
        </tr>
    </table>
</div>
             
<div class="form1" style="background:none;">
    <h1 class="orange">身份认证信息</h1>
    <p >身份证信息是您帐号安全的唯一保证，为了安全，请您认真填写 </p>


    <table class="tab1" width="720">
        <tr>
            <td width="115"><span class="txtr">真实姓名</span> ：<strong class="orange">*&nbsp;</strong></td>
            <td width="270">
            <input name="username" type="text" class="text270" ng-init="username.input()" on-focus="username.input()" on-blur="username.validate();" ng-model="username.value" ng-pattern="username.pattern" ng-minlength="2" ng-maxlength="15" required/>
								
            </td>
            <td>
            <span class="error" ng-show="username.error" style="display:none;"><img src="~/images/images/error.jpg" /> {{username.error}}</span>
			<span ng-show="!username.error&&!username.success&&username.msg" ng-bind-template="{{username.msg}}"></span>
			<span class="green" ng-show="username.success" style="display:none;"><img src="~/images/images/right.jpg" /></span>
            </td>
        </tr>
        <tr>
            <td width="115"><span class="txtr">身份证号</span> ：<strong class="orange">*&nbsp;</strong></td>
            <td width="270">
            <input name="card" type="text" class="text270" ng-init="card.input()" on-focus="card.input()" on-blur="card.validate();" ng-model="card.value" required/>
						
            </td>
            <td>
                <span class="error" ng-show="card.error" style="display:none;"><img src="~/images/images/error.jpg" />  {{card.error}}</span>
				<span ng-show="!card.error&&!card.success&&card.msg" ng-bind-template="{{card.msg}}"></span>
				<span class="green" ng-show="card.success" style="display:none;"> <img src="~/images/images/right.jpg" /> </span>
            </td>
        </tr>
        <tr>
            <td width="115"><span class="txtr">安全邮箱</span> ：<strong class="orange">*&nbsp;</strong></td>
            <td width="270">
            <input name="email" type="text" class="text270" ng-init="email.input()" on-focus="email.input()" on-blur="email.validate();" ng-model="email.value" ng-pattern="email.pattern" required/>
							
            </td>
            <td>
                <span class="error" ng-show="email.error" style="display:none;"><img src="~/images/images/error.jpg" /> {{email.error}}</span>
				<span ng-show="!email.error&&!email.success&&email.msg" ng-bind-template="{{email.msg}}"></span>
				<span class="green" ng-show="email.success" style="display:none;"><img src="~/images/images/right.jpg" /></span>
            </td>
        </tr>
        <tr ng-show="submit.error" style="display:none">
            <td width="115"></td>
            <td colspan="2">
                <span class="error" >{{submit.error}}</span>
            </td>
        </tr>
        <tr>
            <td ></td>
            <td width="270"><input type="submit" class="user_ljzc" value="" /></td>
            <td></td>
        </tr>
        <tr>
            <td width="115"></td>
            <td width="270" colspan="2"><span>点击"立即注册"，即表示您同意并愿意遵守<a href="#" target="_blank" class="orange"><strong>友为通行证用户服务协议</strong></a></span></td>
        </tr>
    </table>
</div> 
</form>
